<template>
    <view class="page">
        <u-cell-group :border="false">
            <u-cell-item icon="info-circle-fill" title="车型信息" :value="carType" @click="carTypeHandle"></u-cell-item>
            <u-cell-item icon="info-circle-fill" title="车牌号码" :value="carPlate" @click="carPlateHandle"></u-cell-item>
        </u-cell-group>
        <button class="btn" @tap="saveHandle">确定保存</button>
        <view class="desc">
            保存即代表您同意随行打车的
            <text>《隐私政策》</text>
        </view>
        <u-toast ref="uToast" />
    </view>
</template>

<script>
export default {
    data() {
        return {
            carType: '',
            carPlate: ''
        };
    },
    methods: {
        carTypeHandle: function() {
            let that = this;
            uni.showModal({
                title: '输入车型',
                editable: true,
                placeholderText: '例如：丰田卡罗拉',
                success: function(resp) {
                    if (resp.confirm) {
                        let carType = resp.content;
                        if (that.checkValidCarType(carType, '车型')) {
                            that.carType = carType;
                        }
                    }
                }
            });
        },
        carPlateHandle: function() {
            let that = this;
            uni.showModal({
                title: '输入车牌',
                editable: true,
                placeholderText: '车牌号',
                success: function(resp) {
                    if (resp.confirm) {
                        let carPlate = resp.content;
                        if (that.checkValidCarPlate(carPlate, '车牌')) {
                            that.carPlate = carPlate;
                        }
                    }
                }
            });
        },
		saveHandle: function() {
		    let that = this;
		    if (that.checkValidCarType(that.carType, '车型') && that.checkValidCarPlate(that.carPlate, '车牌')) {
		        let data = {
		            carType: that.carType,
		            carPlate: that.carPlate
		        };
		        that.ajax(that.url.insertCustomerCar, 'POST', data, function(resp) {
		            that.$refs.uToast.show({
		                title: '添加成功',
		                type: 'success',
		                callback: function() {
		                    uni.redirectTo({
		                        url: '../car_list/car_list'
		                    });
		                }
		            });
		        });
		    }
		}
    }
};
</script>

<style lang="less">
@import url('add_car.less');
</style>
